<!doctype html>
<html class="b_bg1" style="height:100%">

<head>
    <meta charset="UTF-8">
    <title>众筹</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="HandheldFriendly" content="true" />
    <meta name="MobileOptimized" content="320" />
    <!-- 自定义图标 -->
    <link rel="stylesheet" type="text/css" href="./iconfonts/iconfont.css">
    <!--标准mui.css-->
    <link rel="stylesheet" href="./css/mui.min.css">
    <link href="./css/app/mui.picker.css" rel="stylesheet" />
    <link href="./css/app/mui.poppicker.css" rel="stylesheet" />
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="./css/app/app.css" />
    <link rel="stylesheet" type="text/css" href="./css/common.css" />
    
    <style>
        .mui-grid-view.mui-grid-9 {
            background-color: #161a21;
            border-top: 1px solid #1f232b;
            border-left: 1px solid #1f232b;
        }

        .mui-grid-view.mui-grid-9 .mui-table-view-cell {
            border-right: 1px solid #1f232b;
            border-bottom: 1px solid #1f232b;
        }

        .mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active {
            background-color: #161a21;
        }

        .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
            /*color: #929292;*/
            color: #E4BB00;
        }
        .mui-slider .mui-slider-group .mui-slider-item{
            padding-bottom:40px;
        }
    </style>
</head>

<body class="b_bg1" style="height:100%;position:relative;">
    <header class="mui-bar mui-bar-nav b_bg1" style="display: flex;">
        <a id="back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:#bbb;font-size:0.8em">
            <span class="llrj_app_back" >返回</span>
        </a>

        <h1 class="mui-title llrj_app_function" style="color:#fff;width:100%;right:0;left:0;flex:1;">应用</h1>

    </header>
    <!-- 底部-->
    <nav id="tab_click" class="mui-bar mui-bar-tab b_bg1" style="bottom: 0px !important;">
        <a class="tabcon mui-tab-item " data-page="index.html" href="./index.html">
            <span class="mui-icon">
                <i class="iconfont icon-home" style="font-size: 1em;"></i>
            </span>
            <span class="mui-tab-label llrj_app_home">首页</span>
        </a>
        <a class="tabcon mui-tab-item" data-page="market.html" href="./market.html">
            <span class="mui-icon ">
                <i class="iconfont icon-market" style="font-size: 1em;"></i>
            </span>
            <span class="mui-tab-label llrj_app_market">市场</span>
        </a>
        <a id="" class="tabcon mui-tab-item mui-active" data-page="crowd.html" href="./crowd.html">
            <span class="mui-icon ">
                <i class="iconfont icon-function" style="font-size: 1em;"></i>
            </span>
            <span class="mui-tab-label llrj_app_function">应用</span>
        </a>
        <a class="tabcon mui-tab-item" data-page="me.html" href="./me.html">
            <span class="mui-icon ">
                <i class="iconfont icon-me" style="font-size: 1em;"></i>
            </span>
            <span class="mui-tab-label llrj_app_me">我的</span>
        </a>
    </nav>
    <div class="mui-content b_bg" id="muicontent" style="padding-bottom:54px;padding-top:50px;position:relative;height:100%;">
        <div id="Gallery" class="mui-slider" style="margin-top:15px;">
            <div class="mui-slider-group">
                <div class="mui-slider-item">
                    <ul class="mui-table-view mui-grid-view mui-grid-9">
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_order">
                            <a>
                                <span class="mui-icon iconfont icon-cate t-main"></span>
                                <div class="mui-media-body llrj_crowtext">众筹</div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_notice">
                            <a href="#">
                                <span class="mui-icon iconfont icon-message t-main">
                                </span>
                                <div class="mui-media-body 	llrj_crowd_notice">公告</div>
                            </a>
                        </li>
                        
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_buyin">
                            <a href="#">
                                <span class="mui-icon iconfont icon-buy_in t-main"></span>
                                <div class="mui-media-body llrj_crowin_buy">买入</div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_sellout">
                            <a href="#">
                                <span class="mui-icon iconfont icon-sell_out t-main"></span>
                                <div class="mui-media-body llrj_crowin_sell">卖出</div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_acc">
                            <a href="#">
                                <span class="mui-icon iconfont icon-bill t-main"></span>
                                <div class="mui-media-body llrj_crowd_accnote">账单记录</div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_myorder">
                            <a href="#">
                                <span class="mui-icon iconfont icon-order t-main"></span>
                                <div class="mui-media-body llrj_crowd_myorder">我的订单</div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_moneybag">
                            <a href="#">
                                <span class="mui-icon iconfont icon-wall t-main"></span>
                                <div class="mui-media-body llrj_crowd_edit">社区复建</div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_bank">
                            <a href="#">
                                <span class="mui-icon iconfont icon-wall t-main"></span>
                                <div class="mui-media-body 	llrj_bank_bankcard">银行卡</div>
                            </a>
                        </li>

                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_weixin_hongbao">
                            <a href="#">
                                <span class="mui-icon iconfont  icon-hongbao t-main"></span>
                                <div class="mui-media-body llrj_redbag">领取收益</div>
                            </a>
                        </li>

                    </ul>
                </div>
                <div class="mui-slider-item">
                    <ul class="mui-table-view mui-grid-view mui-grid-9">
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_share_note">
                            <a href="#">
                                <span class="mui-icon iconfont  icon-share_note t-main"></span>
                                <div class="mui-media-body llrj_click_sharecode">分享记录</div>
                            </a>
                        </li>

                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_jiaoyi">
                            <a href="#">
                                <span class="mui-icon iconfont  icon-balance t-main"></span>
                                <div class="mui-media-body llrj_jiaoyi_center">交易中心</div>
                            </a>
                        </li>

                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_marketout">
                            <a href="#">
                                <span class="mui-icon iconfont  icon-shops t-main"></span>
                                <div class="mui-media-body llrj_app_shops">商城</div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_youxi">
                        	<a href="#">
                        		<span class="mui-icon iconfont  icon-game t-main"></span>
                        		<div class="mui-media-body llrj_youxi">游戏</div>
                        	</a>
                        </li>

                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_xindai">
                            <a href="#">
                                <span class="mui-icon iconfont  icon-xindai t-main"></span>
                                <div class="mui-media-body llrj_xindai">信贷</div>
                            </a>
                        </li>

                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3" id="crowd_bocai">
                            <a href="#">
                                <span class="mui-icon iconfont  icon-bocai t-main"></span>
                                <div class="mui-media-body llrj_bocai">博彩</div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

                <div class="mui-slider-indicator" style="margin-top:20px;">
                    <div class="mui-indicator mui-active "></div>
                    <div class="mui-indicator "></div>

                </div>

        </div>


		<!--图片轮播-->
		<div id="slider" class="mui-slider" >
			<div id="img_html" class="mui-slider-group mui-slider-loop">
				
			</div>

		</div>
    </div>

    <!-- 扫码弹窗 -->
    <div id="info"></div>
    <!--商品详情-->
    <div id="model"></div>

</body>

	<script src="./js/app/mui.min.js"></script>
	<script type="text/javascript" src="./lib/jquery-1.10.2.js"></script>
	<script type='text/javascript' src='./lib/jquery.cookie.js'></script>
	<script type="text/javascript" src="./js/app/common.js"></script>
	<script type="text/javascript" src="./js/app/immersed.js"></script>
	<script type="text/javascript" src="./lib/base64.js"></script>
	<script type="text/javascript" src="./js/config.js"></script>
	<script type="text/javascript" src="./js/check.js"></script>
    <script type="text/javascript" src="./js/crowd.js"></script>

</html>
